<%@ page language="java" pageEncoding="UTF-8"%>
<%@include file="/views/common/include/taglib.jsp"%>
	
	<script src="${ctx}/js/controllers/tools/HighChartController.js" type="text/javascript"></script>
	<!-- 以下为图标组件引用 -->
	<script src="${ctx}/js/lib/highchart/highcharts.js" type="text/javascript"></script>
	<script src="${ctx}/js/lib/highchart/modules/exporting.js" type="text/javascript"></script>
	
	<script type="text/javascript">
		var ctx = '${ctx}';
		
		setCtx(ctx);
		
	</script>

		<div style="height: 40px; line-height: 40px;">
			<div class="forword_area"></div>
			<div class="location">
				当前位置：${sessionScope.currcent_position}</div>
			</div>
		
	<button onclick="linechart();">折线图</button>
	<button onclick="areachart();">区域图</button>
	<button onclick="columnchart();">柱状图</button>
	<button onclick="piechart();">饼状图</button>

	<!-- 以下为图标组件展示部分 -->
	<div id="container" style="min-width: 310px; height: 400px; margin: 0 auto"></div>

<script type="text/javascript">
function linechart() {
    $('#container').highcharts(${line});
}

function areachart() {
    $('#container').highcharts(${area});
}

function columnchart() {
    $('#container').highcharts(${column});
}

function piechart() {
    $('#container').highcharts(${pie});
}


linechart();
</script>
